<include file="header" />
<include file="commonJS" />
<include file="share_header" />
<body>
<div class="wraper nearby-branch-detail-wrap">
    <div class="top">
        <p>
            <a href="javascript:history.back();" class="iconfont icon-zuo fl-left"></a>
            {BEESCRM:$data.website_name}
            <a href="{BEESCRM::U('/Base/charging/index',array('chargingId'=>$chargingId))}" class="iconfont icon-shouye fl-right"></a>
        </p>
    </div>

    <div class="branch-lists">
        <div class="branch-table">
            <div class="branch-col">
                <span class="iconfont icon-chongdiantou"></span>
            </div>
            <div class="branch-col">
                <div class="branch-distance">
                    可供充电位置：{BEESCRM:$data.count}个
                </div>
                <div class="branch-num">
                    当前可用 <span class="strong-blue">{BEESCRM:$data.over_count}个</span>
                </div>
            </div>
        </div>
    </div>
    <div class="terminal">
        <p class="title">已使用的终端状态<span class="iconfont icon-dianji"></span></p>
        <div class="terminal-dt">
        <if condition="$logList neq null">
        	<volist name="logList" id="vo">
            <p class="list"><if condition="$chargingId eq 3">线下编号：{BEESCRM:$vo.line_num}<else />终端编号：{BEESCRM:$vo.terminal_code}</if><span class="pull-right">结束时间：{BEESCRM:$vo.end_time|date='H点i分',###}</span></p>
        	</volist>
        </if>
        </div>
    </div>
    <div class="branch-lists">
        <div class="branch-table">
            <div class="branch-col">
                <span class="iconfont icon-location"></span>
            </div>
            <div class="branch-col">
                <div class="branch-distance">
                    距离{BEESCRM:$data.distance}公里
                </div>
                <div class="branch-num">
                    地址：{BEESCRM:$data.address}
                </div>
            </div>
        </div>
    </div>
    <a href="javascript:void(0);" class="branch-lists" id="go_map">
        <div class="branch-table">
            <div class="branch-col">
                <span class="iconfont icon-fangxiang"></span>
            </div>
            <div class="branch-col">
                <div class="branch-distance">
                    带我去
                </div>
            </div>
            <div class="branch-col">
                <div class="branch-detail iconfont">&#xe601</div>
            </div>
        </div>
    </a>


    <div class="tariff">
        <span class="tariff-tag">收费详情</span>
        <p>充电站按时间计费：{BEESCRM:$data.min_recharge}元/{BEESCRM:$data.min_charge_hour}小时（{BEESCRM:$data.min_charge_minute}分钟）</p>
        <p>充值金额{BEESCRM:$data.min_recharge}元起充</p>
    </div>

</div>
<script type="text/javascript">
//调起二维码扫一扫
$(document).on('click','#go_map',function(){
	wx.openLocation({
	    latitude: {BEESCRM:$tencent['lat']}, // 纬度，浮点数，范围为90 ~ -90
	    longitude: {BEESCRM:$tencent['lng']}, // 经度，浮点数，范围为180 ~ -180。
	    name: "{BEESCRM:$data.address}", // 位置名
	    address: '{BEESCRM:$data.address}', // 地址详情说明
	    scale: 28, // 地图缩放级别,整形值,范围从1~28。默认为最大
	    infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转
	});
});
    $('.terminal .title').click(function(){
        $('.terminal-dt').toggle();
    })
</script>
</body>
</html>